/* CSS for the adventure! */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

body{
	background: #272727;
	text-align: center;
}

#canvas{
		display: inline-block;
		background-color: black;
		background-size: auto 100%;
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
		text-align: center;
}
.hotspot {
	position: absolute;
}
.hotspot a{
	display:block;
	height:100%;
	text-align:center;
}
.visible {
	background-color: rgba(75,224,67,0.21);
}
.fullscreen {
	height: 100%;
	width: auto;
}